<template>
	<view class="content">
		<u-navbar bgColor="#fff" :placeholder="true" :fixed="true" @leftClick="$back" title="dream约文" titleStyle="{'color': '#000'}">
			
		</u-navbar>
		<view class="baibox">
			<input type="text" class="put" placeholder="请输入标题..." v-model="info.title">
			<textarea class="area" maxlength="10000000000000" placeholder="请输入正文..." v-model="info.row"></textarea>
			<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="6" multiple :maxCount="9"
				width="200rpx" height="200rpx">
				<image :src="'/images/up.png' | formatImgUrl" mode="widthFix"
					style="width: 200rpx;height: 200rpx;"></image>
			</u-upload>
			<view class="zebox">
				<image :src="'/images/ze.png' | formatImgUrl" class="zepic" mode=""></image>
				<view class="zetxt">
					选择圈子
				</view>
			</view>
		</view>
		<view class="subbox">
			上传审核
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				fileList: [],
				info:{}
			}
		},
		onLoad(e) {
			if(e.item){
				this.info = e.item
			}else{
				this.$common.errorToShow('参数异常')
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background: rgba(242, 245, 242, 1);
	}

	.content {
		padding-top: 18rpx;

		.baibox {
			background-color: #ffffff;
			padding: 40rpx 60rpx 20rpx;
			margin-bottom: 20rpx;

			.put {
				width: 610rpx;
				font-size: 28rpx;
				color: #3d3d3d;
				padding: 0 8rpx 20rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
			}

			.area {
				width: 610rpx;
				padding: 20rpx 8rpx;
				max-height: 500rpx;
				min-height: 200rpx;
				resize: none;
				font-size: 28rpx;
				color: #3d3d3d;
			}
			.zebox{
				margin-top: 20rpx;
				height: 38rpx;
				border-radius: 18px;
				opacity: 1;
				background: rgba(153, 153, 153, 0.1);
				display: flex;
				align-items: center;
				justify-content: center;
				width: 170rpx;
				.zepic{
					width: 32rpx;
					height: 32rpx;
				}
				.zetxt{
					font-size: 24rpx;
					font-weight: normal;
					letter-spacing: 0.08em;
					color: #3D3D3D;
					padding-left: 8rpx;
				}
			}
		}
		.subbox{
			width: 630rpx;
			height: 86rpx;
			border-radius: 8px;
			opacity: 1;
			background: #45C4B0;
			text-align: center;
			margin: 0 auto;
			line-height: 86rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
</style>